import React, { Component } from 'react';
import {withRouter} from 'react-router-dom'
import './style.css'

class SingerSheetHeader extends Component {

    render() {
        // console.log(this.props.articst);
        return (
            <div className="singer-sheet-header">
                {
                    this.props.articst?<div className="singer-header">
                    <div className="singer-nav">
                        <h3>
                            <span className="singer-back icon-xitongfanhui iconfont" onClick={()=>this.props.history.go(-1)}></span>
                            <span className="singer-nav-title">{this.props.articst.name}</span>
                        </h3>
                    </div>
                    <img className="adtaaaerer" src={this.props.articst.picUrl} alt="" />
                </div>
                :null
                }
                <div className="box"></div>
            </div>
        );
    }
}

export default withRouter(SingerSheetHeader);